@charset "utf-8";


/* 顶部导航 */

.head-top{
    height: 66px;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
}
/* 顶部LOGO */
.logo img{
    float: left;
    margin-top: 20px;
    margin-left: 20px;
}
/* 顶部的 登录和注册有礼 */
.btn{
    float:right;
    margin-right: 20px;
    margin-top: 24px;
}
/* 登录的外边框颜色 */
.btn a:nth-child(1){
    border: 2px solid #abc8f0;
}
/* 登录有礼的外边框和背景颜色 */
.btn a:nth-child(2){
    background-color: #ed510a;
    border: 2px solid #ed510a;
}
.btn a{
    margin-left: 20px;
    padding: 6px 10px;
    border-radius: 20px;
    color: #fff;
}
/* 导航条文字的颜色和间距 */
.words a {
    color: #fff;
    margin: 0 20px;
}
/* 导航条的行高和居中 */
.words{
    line-height: 66px;
    text-align: center;
}
.words a{
    height: 60px;
    width: 100%;
}
.words a:hover{
    border-bottom: 3px solid #fff;
    padding-bottom: 20px;
}
/* 轮播图区域的宽度和高度 */
.swiper{
    height: 674px;
    width: 100%;
}
/* 图片的大小自适应 */
.swiper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* 云服务部分 */


/* 文本居中 */
.cloud-services .t{
    text-align: center;
    margin-top: 106px;
}
/* 文本字体大小 */
.cloud-services .t h2{
    font-size: 36px;
    /* 字体不加粗 */
    font-weight: normal;
}
.cloud-services .t p{
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 28px;
    color: #666666;
}
.cloud-services .t a{
    font-size: 12px;
}
/* 四个图片距离云服务的距离 */
.cloud-services-two{
    margin-top: 34px;   
}
/* li向右浮动使其放在一行 */
.cloud-services-two li{
    float: left;
    /* 图片之间的间距 */
    margin-right: 40px ;
}
/* 四个图片下文本的字体大小及之间的间距 */
.cloud-services-two .d h2{
    text-indent: 10px;
    font-weight: normal;
    font-size: 20px;
    margin-top: 10px;
}
.cloud-services-two .d p{
    text-indent: 10px;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 28px;
}
.cloud-services-two .d a{
    text-indent: 10px;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 22px;
}
/* ul整体加一个左边的外边距 */
.cloud-services .cloud-services-two{
    margin-left: 40px;
}
.cloud-services .cloud-services-two li{
    box-shadow: 5px 10px 20px 1px #9dc4f8;
}


/* API部分 */

/* api整体加一个上边距 */
.api{
    margin-top: 192px;
}
/* 文本居中 */
.api .tt{
    text-align: center;
}
/* api下的文本的样式 */
.api .tt h2{
    font-size: 36px;
    /* 字体不加粗 */
    font-weight: normal;
}
.api .tt p{
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 28px;
    color: #666666;
}
.api .tt a{
    font-size: 12px;
}
/* li的大小 盒子阴影 向右浮动 */
.api .content li{
    height: 139px;
    width: 224px;
    box-shadow: 5px 10px 20px 1px #9dc4f8;
    margin: 0px 20px 20px 0;
    float: left;
}
/* 将第五个和第十个li的右边外边距设置为0 */
.api .content li:nth-child(5n){
    margin-right: 0;
}
/* ul和tt的间距 */
.api .content{
    margin-top: 35px;
}
/* 图片在li中的位置 */
.api .content img{
    margin-left: 95px;
    margin-top: 36px;
}
.api .content p{
    line-height: 50px;
    text-align: center;
}
/* api底部的内容 */
.api .botton{
    font-size: 14px;
    text-align: center;
    margin-top: 17px;
}


/* 慧集 / APIMaster */

/* master整体加一个上边距 */
.master{
    margin-top: 160px;
}
/* 文本居中 */
.master .one{
    text-align: center;
}
/* master下的文本的样式 */
.master .one h2{
    font-size: 36px;
    /* 字体不加粗 */
    font-weight: normal;
}
.master .one p{
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 28px;
    color: #666666;
}
.master .one a{
    font-size: 12px;
}
/* 左侧图片 */
.master .two img{
    float: left;
}
/* 右侧内容 */
/* li向右浮动并调整位置 */
.master li{
    margin-top: 53px;
    float: left;
    margin-left: 83px;
}
/* 调整字体的大小 颜色 位置 */
.master li p{
    margin-top: 10px;
    font-size: 12px;
    color: #666666;
}
/* 加个相对定位 */
.master li{
    position: relative;
}
/* 给li设置伪元素 设置一个空盒子给高度 宽度 加背景颜色 */
.master li::after{
    content: "";
    width: 5px;
    height: 25px;
    background-color: #1271ef;
    /* 设置成行内块 */
    display: inline-block;
    /* 加绝对定位 */
    position: absolute;
    /* 调整空盒子的位置 */
    top: 8px;
    left: -18px;
}


/* 助力行业巨头/独角兽企业(enterprise) */

.enterprise .three{
    text-align: center;
}
/* enterprise下的文本的样式 */
.enterprise .three h2{
    font-size: 36px;
    /* 字体不加粗 */
    font-weight: normal;
    margin: 104px 0 25px;
}
.enterprise .three a{
    font-size: 12px;
    margin-bottom: 77px;
    display: inline-block;
}
.enterprise .bank{
    float: left;

}   